		html{
			font-size: 100px;
		}
		html,body{
			width: 100%;
			height: 100%;
			
		}
		.clear:after{
			content: '';
			clear:both;
			display: block;
		}
		
		.btn{
			width: 100%;
			height: 0.65rem;
			background-color: #48382b;
			position: relative;
		}
		.btn img{
			width: 0.25rem;
			position: absolute;
			bottom:0.15rem;
			right: 0.18rem;
		}
		.btn .sum{
			width: 1.64rem;
			margin: 0 auto;
			padding-top: 0.16rem;
		}
		.btn .left{
			width: 0.8rem;
			height: 0.35rem;
			background-color: #493a2e;
			color: #99886b;
			font-size: 0.16rem;
			text-align: center;
			line-height: 0.35rem;
			border-radius: 0.08rem 0 0 0.08rem;
			border: 1px solid #2f241c;
			float: left;
			
		}

		.btn .right{

			width: 0.8rem;
			height: 0.35rem;
			background-color: #423329;
			color: #99886b;
			font-size: 0.16rem;
			text-align: center;
			line-height: 0.35rem;
			border-radius: 0 0.08rem 0.08rem 0;
			border: 1px solid #2f241c;
			float: left;
			
		
		}
		.content {
			margin-top: 0.1rem;
		}
		.content img{
			width: 100%;
			height: 100%;

		}
		.content div{
			width: 95%;
			margin: 0 auto;
			margin-bottom: 0.1rem;
			position: relative;
		}
		.content .big{
			position: absolute;
			top: 30%;
			left: 20%;
			font-size: 0.16rem;
			color: #fdfcfb;
		}
		.content .big2{
			position: absolute;
			top: 30%;
			left: 25%;
			font-size: 0.16rem;
			color: #fdfcfb;
		}
		.content .lit{
			position: absolute;
			top: 45%;
			left: 35%;
			font-size: 0.12rem;
			color: #d3cece;
		}
		.content .lit2{
			position: absolute;
			top: 45%;
			left: 34%;
			font-size: 0.12rem;
			color: #d3cece;
		}
		.nav{

			width: 100%;
			height: 0.65rem;
			background-color: #48382b;
			position: fixed;
			bottom: 0;
		}
		.nav img{
			height: 0.2rem;
			vertical-align: top;
		}
		.nav ul {

			margin-top: 0.15rem;
		}
		.nav ul li{
			float: left;
			margin-right:14%; 
			/*height: 30px;*/
		}
		#first{
			margin-left: 0.2rem;
		}
		#last {
			margin-right: 0.2rem;
		}
		.nav .text{
			margin-top: 0.05rem;
			color: #c3ad88;
			font-size: 0.13rem;
			width: 100%;
		}
		.nav .text span{
			margin-right: 12%;
		}
		#prev{
			margin-left: 0.19rem;
		}
		#next {
			
			margin-right: 0.2rem;
			/*margin-left: 1%;*/
		}
		#find{
			margin-left: 1.5%;
		}
		.selected1{
			box-shadow:1px 1px 1px #2f241c;

		}
		.selected2{
			box-shadow:1px 1px 1px #6c5441;
		}
		@media only screen and (device-width: 320px){
			html{
				font-size: 90px;
			}
			.btn .sum{
				width: 1.7rem;
			}
			#next {
			
			margin-right: 0;
			/*margin-left: 2%;*/
		}
		#find{
			margin-left: 0.5%;
			margin-left: 2%;
		}
		#shop{
			margin-right: 12%;
		}
		#veg{
			margin-right: 11%;
		}
		#prev{
			margin-right: 11.5%;
			margin-left: 0.18rem;
		}

		}
		@media only screen and (device-width: 414px){
			html{
				font-size: 114px;
			}
		}
		@media only screen and (device-width: 768px){
			html{
				font-size: 200px;
			}
			
		}





